<!-- Шаблон для select'a -->
<script id="select_option" type="text/x-jquery-tmpl">
	<option value="${MOD_ID}">${TEX_TEXT}</option>
</script>
<!-- Шаблон для таблицы типов -->
<script id="type_values" type="text/x-jquery-tmpl">
	<tr>
		<td>
			<label>
				<input type="radio" name="type" value="${ID}"> ${MFA_BRAND} ${MOD_TEXT} ${TYP_TEXT}
			</label>
		</td>
		<td>${YEAR_START} - ${YEAR_END}</td>
		<td>${TYP_HP_FROM} Лс</td>
		<td>${TYP_LITRES} л</td>
		<td>${FUEL}</td>
	</tr>
</script>
<script type="text/javascript">
	function getModelsOfManufacturer(MFA_ID){
		var url = "<?php echo Yii::app()->controller->createUrl('/catalog/ajax/models');?>"
		var data = {'MFA_ID': MFA_ID};
		
		$.ajax({
			url: url,
			type: 'POST',
			data: data,
			dataType: 'JSON',
			success: function(resp){
				$('#model').html($('#select_option').tmpl(resp));
				getTypesOfModel($('#model').val());
			}
		});
	}

	function getTypesOfModel(MOD_ID){
		var url = "<?php echo Yii::app()->controller->createUrl('/catalog/ajax/types');?>"
		var data = {'MOD_ID': MOD_ID};
		
		$.ajax({
			url: url,
			type: 'POST',
			data: data,
			dataType: 'JSON',
			success: function(resp){
				$('.types_table > tbody').html($('#type_values').tmpl(resp));
			}
		});
	}

	$(function(){
		getModelsOfManufacturer($('#manufacturer').val());
		
		$('#manufacturer').change(function(){
			getModelsOfManufacturer($(this).val());
		});
		
		$('#model').change(function(){
			getTypesOfModel($(this).val());
		});
	})
</script>

<h1>Выбор по автомобилю</h1>
<div class="catalog_section">
	<a href="#">                            
		<img src="/img/locksmith.png"/>
		<table><tr><td>Слесарная часть</td></tr></table>
	</a>
	<a href="#">                            
		<img src="/img/body.png"/>
		<table><tr><td>Кузовная часть</td></tr></table>
	</a>
	<a href="#">                            
		<img src="/img/equipment.png"/>
		<table><tr><td>Оборудование</td></tr></table>
	</a>
	<a href="#">                            
		<img src="/img/electric.png"/>
		<table><tr><td>Электрический элемент</td></tr></table>
	</a>
	<a href="#">                            
		<img src="/img/accessories.png"/>
		<table><tr><td>Аксессуары</td></tr></table>
	</a>
</div>
<div class="choose_brand">
	<div class="choose_param">
		<table class="search_form_table">
			<tr>
				<td>
					<b><?php echo CHtml::label('Марка', '');?></b><br>
					<?php echo CHtml::dropDownList('manufacturer', '', $manufacturers)?>
				</td>
				<td>
					<b><?php echo CHtml::label('Модель', '');?></b><br>
					<?php echo CHtml::dropDownList('model', '', array())?>
				</td>
			</tr>
			<?php /* ?>
			<tr>
				<td>
					<b><?php echo CHtml::label('Мощность двигателя', '');?></b><br>
					<?php echo CHtml::textField('enginePower', '', array('maxlength'=>'6'));?>
					<?php echo CHtml::label('±10%', 'enginePowerOffset');?>
					<?php echo CHtml::checkBox('enginePowerOffset')?>
				</td>
				<td>
					<b><?php echo CHtml::label('Год выпуска', '');?></b><br>
					<?php echo CHtml::textField('year', '', array('maxlength'=>'4'));?>
				</td>
			</tr>
			<tr>
				<td>
					<b><?php echo CHtml::label('Объем двигателя', '');?></b><br>
					<?php echo CHtml::textField('engineVolume', '', array('maxlength'=>'10'));?>
					<?php echo CHtml::label('±10%', 'engineVolumeOffset');?>
					<?php echo CHtml::checkBox('engineVolumeOffset')?>
				</td>
				<td>
					<b><?php echo CHtml::label('Тип топлива', '');?></b><br>
					<?php echo CHtml::dropDownList('fuelType', '', Catalog::getFuelTypes())?>
				</td>
			</tr>
			<?php */ ?>
		</table>
		
		<?php echo CHtml::beginForm($this->createUrl('/catalog/search/process')); ?>
		<table class="types_table">
			<thead>
				<th>Название</th>
				<th>Год выпуска</th>
				<th>Мощность</th>
				<th>Объем двигателя</th>
				<th>Тип топлива</th>
			</thead>
			<tbody></tbody>
		</table>
		<?php echo CHtml::submitButton('перейти >>', array('class'=>'type_button')); ?>
		<?php echo CHtml::endForm(); ?>
	</div>
</div>  
<hr size="1">